<?php if( ! defined('ABSPATH')) exit('restricted access');?>

<script type="text/javascript">var sc_data = <?php echo json_encode($symptoms);?>;</script>

<div class="wrap">
	<form method="post">
	<?php echo $tabs;?>
	
		<div style="margin-top:10px;">
            <div id="sc_msg"></div>
            <label><?php _e('Select Gender'); ?></label>
            <select id="sc_gender">
                <option value="man"><?php _e('Man'); ?></option>
                <option value="woman"><?php _e('Woman'); ?></option>
                <option value="kid"><?php _e('Kid'); ?></option>
            </select>
            
            <div style="display: inline-block; position: relative; top: 1px;">
                <a id="save_changes" class="button" href="javascript:void(0);"><?php _e('Save Changes'); ?></a>
                <span class="spinner"></span>
            </div>
        </div>
		
        <div class="multiselect_area temporary-padding">
        <div class="multiselect" id="level-1">
        	<div class="select-title">Body Parts</div>
            <ul class="multiselect-checkboxes" id="list-1"></ul>
			<div class="multiselect-head">
            	<input type="text" class="add-value" placeholder="add area" tabindex="51" />
                <input type="button" class="add-option" value="add" />
            </div>
			
			<div class="multiselect-head multiselect-geneder">
				<span id="gender-view">
					<a href="#" class="front">Front</a>|
					<a href="#" class="back">Back</a>
				</span>
			</div>
        </div>
        <div class="multiselect" id="level-2">
        	<div class="select-title">Part Areas</div>
            <ul class="multiselect-checkboxes" id="list-2"></ul>
			<div class="multiselect-head">
            	<input type="text" class="add-value" placeholder="add area" tabindex="52" />
                <input type="button" class="add-option" value="add" />
            </div>
        </div>
        <div class="multiselect" id="level-3">
        	<div class="select-title">Symptoms</div>
            <ul class="multiselect-checkboxes" id="list-3"></ul>        
			<div class="multiselect-head">
           	<input type="text" class="add-value" placeholder="add area" />
                <input type="button" class="add-option" value="add" tabindex="53" />
            </div>
        </div>
        <div class="multiselect" id="level-4">
        	<div class="select-title">Report</div>
            <ul class="multiselect-checkboxes" id="list-4"></ul>
			<div class="multiselect-head">
           	<input type="text" class="add-value" placeholder="add area" />
                <input type="button" class="add-option" value="add" tabindex="54" />
            </div>
        </div>
    </div>
	</form>
</div>